<template>
  <van-tabbar router fixed placeholder border>
    <van-tabbar-item replace icon="home-o" :to="{name:'home'}">
      首页
    </van-tabbar-item>
    <van-tabbar-item replace icon="apps-o" :to="{name:'category'}">
      分类
    </van-tabbar-item>
    <van-tabbar-item replace icon="chat-o" :to="{name:'message'}" badge="4">
      消息
    </van-tabbar-item>
    <van-tabbar-item replace icon="shopping-cart-o" :to="{name:'cart'}">
      购物车
    </van-tabbar-item>
    <van-tabbar-item replace icon="user-o" :to="{name:'user'}">
      我的
    </van-tabbar-item>
  </van-tabbar>
</template>
<style scoped>
.van-tabbar-item {
  --van-tabbar-item-active-color: #ff8000;
}
</style>